<ion-header>
  <ion-toolbar>
    <ion-button (click)="router.back()" fill="clear" slot="start">
      <ion-icon slot="start" name="chevron-back-outline"></ion-icon>
    </ion-button>
    <ion-title>我的阅读历史</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content *ngIf="res">
  <ion-list *ngIf="res">
    <ion-item
      *ngFor="let item of res.results.reverse(); let i=index"
      style="border-bottom: 1px solid #999;"
      [routerLink]="['/phdetail',{title:item.title}]"
    >
      <img
        [src]="item.cover"
        alt=""
        style="width: 5em;border-radius: 0.2em;margin: 0.5em;"
      />

      <ion-label>
        <h2 style="margin-top: -0.1em;">{{item.title}}</h2>
        <p style="font-size: 0.7em;color: gray;">
          {{item.author}} | {{item.majorCate}} | {{item.minorCate}}
        </p>
        <h3>{{item.shortIntro}}</h3>
      </ion-label>
    </ion-item>
  </ion-list>
</ion-content>
